<template>
    <div>
        <div class="recommed-title">热销推荐</div>
        <ul>
            <li class="item border-bottom">
                <div class="item-img-wrapper">
                    <img src="http://img1.qunarzz.com/sight/p0/201404/23/04b92c99462687fa1ba45c1b5ba4ad77.jpg_600x330_bf9c4904.jpg" alt="" class="item-img">
                </div>
                <div class="item-info">
                    <p class="item-title">南山滑雪场圣地好啊好啊写是手动阀手动阀手动阀阿斯蒂芬噶水电费</p>
                    <p class="item-desc">北京专业级滑雪圣地好啊好啊写是手动阀手动阀手动阀阿斯蒂芬噶水电费</p>
                    <button disabled="disabled" class="item-button">查看详情</button>
                </div>

            </li>
        </ul>
    </div>
</template>
<script>
export default {
  data() {
    return {};
  }
};
</script>
<style lang="stylus" scoped>
@import '~styles/mixins.styl'
.recommed-title
    margin-top 0.2rem
    line-height 0.8rem
    background #eee
    text-indent 0.2rem
.item
    overflow hidden
    display flex
    height 1.9rem
    .item-img
        width 1.7rem
        height 1.7rem
        padding 0.1rem
    .item-info
        flex 1
        padding 0.1rem
        min-width 0
        .item-title
            ellipsis()
            line-height 0.54rem
            font-size 0.32rem
        .item-desc
            line-height 0.4rem
            color #ccc
        .item-button
            line-height 0.44rem
            margin-top 0.16rem
            background #ff9300
            padding 0 0.2rem
            border-radius 0.06rem
            border 0
            color #fff
</style>

